<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text=" '全部图书 - ' + ${infoMap['title']}"></title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <div data-th-replace="layout/common-hade-one"></div>
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="/">首页</a></li>
            <li class="active">图书</li>
        </ol>
        <form class="hide" id="bookForm">
            <input name="subjectIds" id="subjectId"/>
            <input name="order" value="0"/>
        </form>
        <div>
            <!--分类检索 开始a-->
            <div class="cm-sort__wrap">
                <section class="cm-sort">
                    <div class="media">
                        <div class="media-left">
                            <aside class="sort-title"><span class="c-666 fs16">专业：</span></aside>
                        </div>
                        <div class="media-body pr">
                            <ul class="clearfix cm-filter-item-list" id="subject-list-parent"></ul>
                            <aside class="sMoreBtn">
                                <span class="fs16 c-999"><i class="fa fa-chevron-down" title="更多"></i></span>
                            </aside>
                        </div>
                    </div>
                </section>
                <section class="cm-sort hide"  id="child-subject-list">
                    <div class="media">
                        <div class="media-left">
                            <aside class="sort-title"><span class="c-666 fs16">科目：</span></aside>
                        </div>
                        <div class="media-body pr">
                            <ul class="clearfix cm-filter-item-list"></ul>
                            <aside class="sMoreBtn">
                                <span class="fs16 c-999"><i class="fa fa-chevron-down" title="更多"></i></span>
                            </aside>
                        </div>
                    </div>
                </section>
            </div>
            <!--分类检索 结束-->
        </div>
    </div>
    <div class="cm-bg-fb ">
        <div class="mb20 pb10 mt20 ">
            <div class="container">
                <div class="row" style="min-height: 600px">
                    <div class="col-sm-12">
                        <div class="mt10">
                            <div class="clearfix">
                                <aside class="pull-right">
                                    <span class="c-999">共<small class="c-info" id="count">0</small>个结果</span>
                                </aside>
                                <aside class="pull-left">
                                    <span class="ml20" data-order="1">
                                        <a href="javascript:void(0)" class="c-333"><i class="fa fa-clock-o"></i> 最新</a>
                                    </span>
                                    <span class="ml20" data-order="2">
                                        <a href="javascript:void(0)" class="c-333"><i class="fa fa-paperclip"></i> 价格</a>
                                    </span>
                                </aside>
                            </div>
                        </div>
                        <div class="mt20 pt10">
                            <div class="mt20 pt10" id="book-list-container">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/web/business/course/book/book-list.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
